<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../index/index.css">
  <link rel="stylesheet" href="../app/app.css">
  <link rel="stylesheet" href="../css/swiper-bundle.css">
  <script src="../js/swiper-bundle.js"></script>
</head>

<body>
  <div id="index">
    <div class="index">
      <!-- logo -->
      <div class="index-top">
        <img src="../image/logo.png" alt="" srcset="">
        <div class="top-right">
          <img src="../image/电话01-F.png" alt="" srcset="">
          <div class="top-text">咨询我们：12345678900</div>
        </div>
      </div>
      <!-- 导航 -->
      <div class="index-nav">
        <div class="index-nav1">
          <div class="nav1"><a href="../index/index.html">首页</a></div>
          <div class="nav1"><a href="../site/site.html">网站开发</a></div>
          <div class="nav1"><a href="#">APP开发</a></div>
          <div class="nav1"><a href="../procedure/procedure.html">小程序开发</a></div>
          <div class="nav1"><a href="../case/case.html">案例</a></div>
          <div class="nav1"><a href="../mine/mine.html">关于我们</a></div>
        </div>
      </div>
      <!-- 轮播图 -->
      <div class="swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img class="image" src="../image/swiper.png" alt="">
          </div>
          <div class="swiper-slide">
            <img class="image" src="../image/swiper.png" alt="">
          </div>
          <div class="swiper-slide">
            <img class="image" src="../image/swiper.png" alt="">
          </div>
        </div>
        <!--如果需要滚动条-->
        <!-- <div class="swiper-pagination"></div>        -->
      </div>
    </div>
  </div>
  <div class="app">
    <div class="app-title">
      <p>APP案例</p>
      <p>查看更多>></p>
    </div>
    <div class="data-content">
      <div class="swiper mySwiper2">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="../image/app1.png" alt=""></div>
          <div class="swiper-slide"><img src="../image/app2.png" alt=""></div>
          <div class="swiper-slide"><img src="../image/app3.png" alt=""></div>
          <div class="swiper-slide"><img src="../image/app1.png" alt=""></div>
          <div class="swiper-slide"><img src="../image/app2.png" alt=""></div>
          <div class="swiper-slide"><img src="../image/app3.png" alt=""></div>
        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
      </div>
    </div>
  </div>
  </div>
  <!-- APP大数据 -->
  <div class="data">
    <img src="../image/shuju.png" alt="">
  </div>
  <!-- 制定优势 -->
   <div class="advantage">
    <div class="advantage-title">
      <p>制定优势</p>
      <p>让您的企业更高效地完成工作</p>
    </div>
    <div class="advantage-content">
      <div class="advantage1">
        <img class="img1" src="../image/针对性练习.png" alt="">
        <img class="img2" src="../image/针对性练习 (1).png" alt="">
        <p>针对性强</p>
        <p>每一个软件开发都经过系统的分析，
          针对不同企业情况良定做的，大提高
          企业的工作效率。</p>
      </div>
      <div class="advantage1">
        <img class="img1" src="../image/使用文档.png" alt="">
        <img class="img2" src="../image/使用文档 (1).png" alt="">
        <p>使用方便</p>
        <p>每一个软件开发都经过系统的分析，
          针对不同企业情况良定做的，大提高
          企业的工作效率。</p>
      </div>
      <div class="advantage1">
        <img class="img1" src="../image/服务.png" alt="">
        <img class="img2" src="../image/服务 (1).png" alt="">
        <p>服务周到</p>
        <p>每一个软件开发都经过系统的分析，
          针对不同企业情况良定做的，大提高
          企业的工作效率。</p>
      </div>
    </div>
   </div>
   <div id="index">
    <!-- 脚部 -->
    <div class="footer">
      <div class="footer-title">
        <div class="footer1">
          <p>山东柏瑞设计有限公司</p>
          <p>联系电话：123456678900</p>
          <p>地址  济南创新谷2号楼孵化器五楼(长清区海棠路与芙蓉路交叉路口东南)</p>
        </div>
        <div class="footer-img">
          <img src="../image/二维码.png" alt="" srcset="">
          <p>微信公众号</p>
        </div>
      </div>
     </div>
     <div class="foot">
      Shandong Bairui Software Technology Co.,Ltd.山东拍瑞软件科技有限公司版权所有鲁ICP备17006298号-1
     </div>
   </div>
</body>
<script>
  var mySwiper = new Swiper('.swiper', {
    autoplay: {
      // delay: 2000,
    },
    loop: true,//循环模式选项
    // 如果需要滚动条
    pagination: {
      el: '.swiper-pagination',
    },
  })
  var swiper = new Swiper(".mySwiper2", {
    slidesPerView: 3,
    spaceBetween: 30,
    loop: true,
    centeredSlides: false,
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    autoplay: {
      delay: 3000,
    },
  });
</script>

</html>